<template>
	<view class="empty">
			<image :src="emptyImage"></image>
			<text class="">{{emptyText}}</text>
		</view>
</template>

<script>
	export default {
		props: {
			// 检测类型 + 其他验证
			emptyText: {
				type: String,
				default: '暂无数据',
			},
			emptyImage:{
				type:String,
				default: '/static/images/empty.png',
			}
		},
	}
</script>

<style>
	.empty {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		margin-top: 100px;
	}

	.empty image {
		width: 300rpx;
		height: 300rpx;
		margin: 30rpx;
	}
</style>